<template>
  <div></div>
</template>

<script>
import { Vue, Component, Prop, Watch } from "vue-property-decorator";
import { State, Getter, Action, Mutation, namespace } from "vuex-class";
const missionModule = namespace("mission");

@State("foo") // stateFoo     //全局的state调用方法
@Action("foo") // actionFoo     //全局的action调用方法
@Mutation("foo") //  mutationFoo   //全局的mutation调用方法
@Getters("foo") //  getterFoo   //全局的getters调用方法
//  @State foo
//  @Getter bar
//  @Action baz
//  @Mutation qux
@missionModule.Getter("getTaskProps") // TaskProps;
@Component
export default class ViewMenuConditionComponent extends Vue {
  @missionModule.Getter("getTaskProps") taskProps; //模块内getters用法，
  @missionModule.Getter("getConditionValues") conditionValues;
  @Action("foo") actionFoo; //全局的action调用方法
  @Mutation("foo") mutationFoo; //全局的mutation调用方法

  created() {
    this.taskProps; // -> store.mission.taskProps
    this.conditionValues; // -> store.mission.conditionValues

    this.actionFoo({ value: true }); // -> store.dispatch('foo', { value: true })
    this.mutationFoo({ value: true }); // -> store.commit('foo', { value: true })
  }
}
</script>

<style>
</style>